<script setup lang="ts">
import DiscountedGraph from './DiscounteGraph.vue'
import Statistical from './Statistical.vue'
import StatisticalT from './StatisticalT.vue'
import portraitTable from './portraitTable.vue'
// import H1 from "../../components/H1.vue";
</script>

<template>
<!--  <H1>-->
<!--    <template v-slot:title>数据统计</template>-->
<!--    <template v-slot:subheading></template>-->
<!--  </H1>-->
  <div class="box">
    <DiscountedGraph></DiscountedGraph>
    <div class="center" style="margin: 20px 0">
      <Statistical></Statistical>
      <StatisticalT></StatisticalT>
    </div>
    <portraitTable></portraitTable>
  </div>
</template>

<style scoped lang="scss">
//隐藏滚动条样式
::-webkit-scrollbar {
  width: 0;
  height: 8px;
}
.box{
  height: 100%;
  overflow-y: scroll;
}
.center {
  display: flex;
  justify-content: space-between
}
</style>
